<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="icon" href="images/favicon.ico">

		<title>云效科技 后台管理 - 登录页面 </title>

		<!-- Bootstrap 4.0-->
		<link rel="stylesheet" href="assets/vendor_components/bootstrap/dist/css/bootstrap.min.css">

		<!-- Bootstrap extend-->
		<link rel="stylesheet" href="main-single-page/css/bootstrap-extend.css">

		<!-- Theme style -->
		<link rel="stylesheet" href="main-single-page/css/master_style.css">

		<!-- ZBT 后台管理 skins -->
		<link rel="stylesheet" href="main-single-page/css/skins/_all-skins.css">

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->


	</head>

	<body class="hold-transition login-page">

		<div class="container h-p100">
			<div class="row align-items-center justify-content-md-center h-p100">


				<!-- <div class="col-lg-3 col-md-8 col-12 d-none d-lg-block">
				<div class="box mb-0 b-0 bg-transparent">
					<div class="box-body login-slider p-0">
						<div id="carousel-example-generic-captions" class="carousel slide" data-ride="carousel">
						  <ol class="carousel-indicators">
							<li data-target="#carousel-example-generic-captions" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic-captions" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic-captions" data-slide-to="2"></li>
						  </ol>
						  <div class="carousel-inner" role="listbox">
							<div class="carousel-item active">
							  <img src="../../../images/slider/slide-1.jpg" class="img-fluid" alt="slide-1">
							  <div class="carousel-caption">
								<h3>First here</h3>
								<p>this is the subcontent you can use this</p>
							  </div>
							</div>
							<div class="carousel-item">
							  <img src="../../../images/slider/slide-2.jpg" class="img-fluid" alt="slide-2">
							  <div class="carousel-caption">
								<h3>Second here</h3>
								<p>this is the subcontent you can use this</p>
							  </div>
							</div>
							<div class="carousel-item">
							  <img src="../../../images/slider/slide-3.jpg" class="img-fluid" alt="slide-3">
							  <div class="carousel-caption">
								<h3>Third here</h3>
								<p>this is the subcontent you can use this</p>
							  </div>
							</div>
							</div>
						</div>
					</div>
				</div>
			</div> -->


				<div class="col-lg-4 col-md-8 col-12">
					<div class="login-box">
						<div class="login-box-body">
							<h3 class="text-center">云效科技</h3>
							<p class="login-box-msg">极速操作，超越自我</p>



							<!-- <form action="main-single-page/pages/src/index.html" method="post">
							</form> -->
								<div class="form-group has-feedback">
									<input type="email" class="form-control rounded" placeholder="邮箱">

									<span class="ion ion-email form-control-feedback"></span>
								</div>
								<div class="form-group has-feedback">
									<input type="password" class="form-control rounded" placeholder="密码">
									<span class="ion ion-locked form-control-feedback"></span>
								</div>
								<div class="row">
									<div class="col-6">
										<div class="checkbox">
											<input type="checkbox" id="basic_checkbox_1">
											<label for="basic_checkbox_1">记住账户</label>
										</div>
									</div>
									<!-- /.col -->
									<div class="col-6">
										<div class="fog-pwd text-right">
											<a href="javascript:void(0)" class="text-danger"><i class="ion ion-locked"></i> 忘记密码？</a><br>
										</div>
									</div>
									<!-- /.col -->
									<div class="col-12 text-center">
										<button type="submit" class="btn btn-info btn-block margin-top-10">登录</button>
									</div>
									<!-- /.col -->
								</div>
					

							<div class="social-auth-links text-center">
								<p>- OR -</p>
								<a href="#" class="btn btn-outline btn-light btn-social-icon"><i class="fa fa-facebook"></i></a>
								<a href="#" class="btn btn-outline btn-light btn-social-icon"><i class="fa fa-google-plus"></i></a>
								<a href="#" class="btn btn-outline btn-light btn-social-icon"><i class="fa fa-twitter"></i></a>
								<a href="#" class="btn btn-outline btn-light btn-social-icon"><i class="fa fa-qq"></i></a>
							</div>
							<!-- /.social-auth-links -->

							<div class="margin-top-30 text-center">
								<p>你还没有账户? <a href="register.html" class="text-warning ml-5">注册</a></p>
							</div>

						</div>
						<!-- /.login-box-body -->
					</div>
					<!-- /.login-box -->

				</div>
			</div>
		</div>


		<script src="assets/vendor_components/jquery/dist/jquery.min.js"></script>
		<script src="../assets/vendor_components/popper/dist/popper.min.js"></script>
		<script src="assets/vendor_components/bootstrap/dist/js/bootstrap.min.js"></script>
		<script src="main-single-page/js/message.js"></script>

	</body>

	<script>

		var loginFlag = false;
		function f1(element, res) {
			element.onblur = function () {
				if (res.regexp.test(this.value)) {
					this.style.border = "green 2px solid"
					// element.nextElementSibling.innerText = "正确"
					element.nextElementSibling.style.color = "green"
					loginFlag = true
				}
				else {
					alert(res.msg);
					loginFlag = false;
					this.style.border = "red 2px solid";
					element.nextElementSibling.style.color = "red";
				}
			}
		}

		f1($('input[type="email"]')[0], { regexp: /^(\w)+(\.\w+)*@(\w)+((\.\w{2,3}){1,3})$/, msg: "邮箱错误" });
		f1($('input[type="password"]')[0], { regexp: /.{6,16}$/, msg: "密码错误，请重新输入" });

		$("button[type='submit']").on("click", function (e) {
			if (!loginFlag) { e.preventDefault; return }
			window.location.href = "./main-single-page/pages/src/index.html"
		})

	</script>



</html>